@charset "utf-8";
.leftToolbar {
	width: 38px;
	height: 527px;
	border-right: #afafaf solid 1px;
	background-color: #e5e5e5;
	float: left;
}

.leftToolbarContainer {
	width: 38px;
	height: 516px;
	margin-top: 11px;
	background-color: #f5f5f5;
	float: left;
}
.leftbarButton {
	margin-top: 4px;
	margin-left: 5px;
	width: 28px;
	height: 24px;
	float: left;
	cursor: pointer;
}
.leftbarButtonSelect {
	background-color: rgb(70,90,99);
}
.seperateX {
	width: 30px;
	margin-left: 3px;
	height: 1px;
	float: left;
	margin-top: 4px;
	background-color: rgb(175,175,175);
}
#selectButton {
	margin-top: 5px;
	background-image: url(../img/%E6%A1%86%E9%80%89-1.png);
}
#selectButton:hover {
	background-image: url(../img/%E6%A1%86%E9%80%89-2.png);
}
#cutButton {
	margin-top: 2px;
	background-image: url(../img/%E8%A3%81%E5%89%AA-1.png);
}
#cutButton:hover {
	background-image: url(../img/%E8%A3%81%E5%89%AA-2.png);
}
#dropperButton {
	margin-top: 8px;
	background-image: url(../img/%E5%90%B8%E7%AE%A1-1.png);
}
#dropperButton:hover {
	background-image: url(../img/%E5%90%B8%E7%AE%A1-2.png);
}
#pencilButton {
	background-image: url(../img/%E9%93%85%E7%AC%94-1.png);
}
#pencilButton:hover {
	background-image: url(../img/%E9%93%85%E7%AC%94-2.png);
}
#brushButton{
	background-image: url(../img/%E7%94%BB%E7%AC%94-1.png);
}
#brushButton:hover {
	background-image: url(../img/%E7%94%BB%E7%AC%94-2.png);
}
#airbrushButton {
	background-image: url(../img/%E5%96%B7%E6%9E%AA-1.png);
}
#airbrushButton:hover {
	background-image: url(../img/%E5%96%B7%E6%9E%AA-2.png);
}
#fillButton {
	background-image: url(../img/%E5%A1%AB%E5%85%85-1.png);
}
#fillButton:hover {
	background-image: url(../img/%E5%A1%AB%E5%85%85-2.png);
}
#eraserButton {
	background-image: url(../img/%E6%A9%A1%E7%9A%AE%E6%93%A6-1.png);
}
#eraserButton:hover {
	background-image: url(../img/%E6%A9%A1%E7%9A%AE%E6%93%A6-2.png);
}
#textButton {
	background-image: url(../img/%E6%96%87%E6%9C%AC-1.png);
}
#textButton:hover {
	background-image: url(../img/%E6%96%87%E6%9C%AC-2.png);
}
#magnifierButton{
	background-image: url(../img/%E6%94%BE%E5%A4%A7%E9%95%9C-1.png);
}
#magnifierButton:hover {
	background-image: url(../img/%E6%94%BE%E5%A4%A7%E9%95%9C-2.png);
}
#moveButton {
	background-image: url(../img/%E7%A7%BB%E5%8A%A8-1.png);
}
#moveButton:hover {
	background-image: url(../img/%E7%A7%BB%E5%8A%A8-2.png);
}